<template>
  <div class="demoa">
    <div class="demoa1">
      <div class="hongse">
        <!-- 轮播图 -->
        <div class="lunbotu">
          <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
            <van-swipe-item
              ><img
                src="https://res.youpin.mi-img.com/youpinoper/605fd8ea_0baa_4ed5_9a00_0ff991cc0e63.png"
                alt=""
            /></van-swipe-item>
            <van-swipe-item
              ><img
                src="https://res.youpin.mi-img.com/youpinoper/809c0106_aa91_4c7e_9b65_be4da425c332.jpeg"
                alt=""
            /></van-swipe-item>
          </van-swipe>
        </div>
        <!-- 图片 -->
        <div class="tupian">
          <img
            src="https://res.youpin.mi-img.com/youpinoper/6d41fef5_1d93_482e_a3b2_61bfa967373a.png"
            alt=""
          />
          <img
            src="https://res.youpin.mi-img.com/youpinoper/4aafbd5c_1560_4463_896f_0f1f0db77ded.png"
            alt=""
          />
        </div>
        <!-- 官方精选 -->
        <Dpmsdongtai1 />
      </div>
    </div>
    <!-- /* 下方列表 */ -->
    <div class="xiafanglieb">
      <Liebiao type="hot"/>
    </div>
  </div>
</template>

<script>

import Dpmsdongtai1 from "../components/dpms/dpmsdongtai1.vue";
import Liebiao from "../components/dpms/liebiao.vue";
export default {
  components: {
    Dpmsdongtai1,
    Liebiao,
  },
};
</script>

<style scoped>
.demoa {
  width: 100%;
}
.demoa1 {
  width: 100%;
  background-color: #ff3363;
}
.hongse {
  width: 3.88rem;
  margin: auto;
}
/* 轮播图  */
.lunbotu {
  height: 0.8rem;
  margin: auto;
  padding-top: 0.16rem;
}
.my-swipe .van-swipe-item {
  text-align: center;
  background-color: #ff3363;
  border-radius: 0.1rem;
}
.my-swipe .van-swipe-item img {
  border-radius: 0.1rem;
}

/* 图片 */
.tupian {
  width: 3.88rem;
  height: 0.65rem;
  margin-top: 0.1rem;
}
.tupian img {
  width: 1.9rem;
  height: 0.63rem;
}
.tupian img:nth-child(1) {
  float: left;
  margin-right: 0.05rem;
}
/* 下方列表 */
.xiafanglieb {
  width: 3.88rem;
  margin: auto;
}
</style>